<div id="sysprop_grid">
	<yu-panel :title="$t('sysprop.xtcs')" :hide-filter="false">
    <template slot="filter">
      <yu-xform v-model="formdata" related-table-name="filterTable" form-type="search">
        <yu-xform-group :column="4">
          <yu-xform-item :label="$t('sysprop.csm')" :placeholder="$t('sysprop.csm')" ctype="input" name="propName"></yu-xform-item>
          <yu-xform-item :label="$t('sysprop.csms')" :placeholder="$t('sysprop.csms')" ctype="input" name="propDesc"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <template slot="right">
      <yu-toolBar>
        <el-button @click="addFilterRecord">{{ $t('sysprop.xz') }}</el-button>
        <el-button @click="lookuptableEditFn">{{ $t('sysprop.xg') }}</el-button>
        <el-button @click="dataFiltermultDeleteFn">{{ $t('sysprop.sc') }}</el-button>
      </yu-toolBar>
    </template>
		<el-table-x ref="filterTable" :checkbox="true" :max-height="height" :data-url="serviceUrl" :table-columns="tableColumns"
		 @select="rowClickFn" @custom-row-click="detailFn">
		</el-table-x>
	</yu-panel>
	<el-dialog :center="true" :title="$t('sysprop.xtcs')" :visible.sync="dialogVisible" :close-on-click-modal="false">
		<el-form-x ref="datafilterForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="80px"></el-form-x>
	</el-dialog>

	<el-dialog :center="true" :title="$t('sysprop.xtcsxq')" :visible.sync="detaildialogVisible" :close-on-click-modal="false">
		<el-form-x ref="detailForm" :group-fields="detailFields" :disabled="true" label-width="120px"></el-form-x>
	</el-dialog>



</div>